<template>
    <div class="table">
        <el-table
            ref="multipleTable"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            border
            @selection-change="handleSelectionChange"
            class="tables"
        >
            <el-table-column label="编号" prop="userid" width="90">
            </el-table-column>
            <el-table-column prop="username" label="用户名" width=""> </el-table-column>
            <el-table-column prop="department" label="所属区域" width="200">
            <template slot-scope="scope">
                <span>{{Number(scope.row.department) | region}}</span>
            </template>
            </el-table-column>
            <el-table-column prop="m_phone" label="手机号" width="200"> </el-table-column>
            <el-table-column prop="member" label="角色" width="200">
            <template slot-scope="scope">
                <span>{{scope.row.member | userd}}</span>
            </template>
            </el-table-column>
            <el-table-column label="操作" width="120">
            <template slot-scope="scope">
                <el-button type="text" size="small" @click="tables_bj(scope.row)">
                编辑
                </el-button>
                <el-button type="text" size="small" @click="deleted(scope.row)" style="color:red">
                删除
                </el-button>
            </template>
            </el-table-column>
        </el-table>
        <!-- 分页 -->
        <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="currentPage1"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="10"
            layout="total, prev, pager, next"
            :total="totals"
            class="pageing"
            background
        >
        </el-pagination>

        
    </div>
</template>

<script>
export default {
    data(){
        return{

        }
    }
}
</script>

<style lang="scss" scoped>

</style>